<template>
  <Alert v-if="!read" type="info" closable @close="read = true">
    <template #description>
      <p class="mb-8px">1. <strong>服务地址</strong>不要加 <strong>http/https</strong> </p>
      <p class="mb-8px"
        >2. <strong class="text-red">未启用</strong>自定义域名时, <strong>服务地址</strong>作为
        <strong>上传/展示</strong> 使用</p
      >
      <p class="mb-8px">
        3. <strong class="text-red">启用</strong>自定义域名时,
        <strong>服务地址</strong>只作为上传接口使用(你可以自定义域名用https, 服务地址使用http),
        展示会用自定义域名</p
      >
      <p class="mb-8px">
        4. <strong class="text-red">是否https</strong>控制的<strong>服务地址</strong>的http/https
        使用自定义域名需要 <strong>自行填写</strong>
      </p>
      <p class="mb-8px"
        >5. 使用<strong class="text-red">minio</strong>有两个地址 一般为<strong
          >[xxx:9000(api) xxx:9001(web控制台)]</strong
        >
        服务地址填写9000-api地址</p
      >
      <p class="mb-8px"
        >6.使用<strong class="text-red">minio</strong>
        注意<strong>权限桶类型</strong>是否与minio后台设置一致
      </p>
      <p class="mb-8px">Bucket -> 对应的桶点击 -> Summary的Access Policy是否与设置一致</p>
    </template>
  </Alert>
</template>

<script setup lang="ts">
  import { Alert } from 'ant-design-vue';
  import { useLocalStorage } from '@vueuse/core';

  const read = useLocalStorage('__oss_tip_read', false);
</script>

<style scoped></style>
